<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sistema de Trastienda</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script src="js/cufon-yui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Chaparral_Pro.font.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/jquery-func.js"></script>
<script type="text/javascript" src="js/jFormer.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
</head>
<body>
<body>

	<!-- Header -->
	<div id="header">
		<!-- Shell -->
		<div class="shell">
			<h1 id="logo">
				<a href="#">Java Club Store<span>Tienda de Prueba</span></a>
			</h1>
						
			<div class="search">
				<form action="home_submit" method="get" accept-charset="utf-8">
					<h4>Bienvenido: ${sessionScope.USUARIO_ACTUAL.nombres}</h4>
					
				</form>
				<a class="button-small" href="index.html">Salir</a>
			</div>
		</div>
		<!-- end Shell -->
	</div>
	<!-- end Header -->

	<!-- Navigation -->
	<div id="navigation">
		<!-- Shell -->
		<div class="shell">
			<ul>
				<li><a class="active" href="#">INICIO</a></li>
				<li><a href="#">ACERCA DE</a></li>
				<li><a href="#">LOGIN</a></li>
				<li><a href="#">PRODUCTOS</a></li>
				<li><a href="#">CONTACTO</a></li>
			</ul>
		</div>
		<!-- end Shell -->
	</div>
	<!-- end Navigation -->

	<!-- Featured -->
	<div id="featured">
		<!-- Shell -->
		<div class="shell">
			<!-- Slider-carousel -->
			<div class="slider-carousel">
				<ul>
					<li>
						<div class="info">
							<h2>Smart Moves</h2>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc <strong>ornare</strong>
								consequat tortor quis. Lorem ipsum dolor sit amet, consectetur
								adipiscing elit. Consectetur <a href="#">adipiscing</a> elit.
								Nunc <a class="gray" href="#">ornare</a> consequat tortor quis
							</p>
							<p>
								sit amet, <strong>consectetur</strong> adipiscing elit. <strong>Consectetur</strong>
								adipiscing elit. Nunc <a class="gray" href="#">ornare</a>
								consequat tortor quis
							</p>
							<div class="button-big">
								<a class="button-big" href="#">Learn More</a>
							</div>
						</div>
						<div class="image">
							<a href="#"><img src="css/images/slider1.jpg"
								alt="slide image" /></a>
						</div>
						<div class="cl">&nbsp;</div>
					</li>

					<li>
						<div class="info">
							<h2>Smart Moves</h2>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc <strong>ornare</strong>
								consequat tortor quis. Lorem ipsum dolor sit amet, consectetur
								adipiscing elit. Consectetur <a href="#">adipiscing</a> elit.
								Nunc <a class="gray" href="#">ornare</a> consequat tortor quis
							</p>
							<p>
								sit amet, <strong>consectetur</strong> adipiscing elit. <strong>Consectetur</strong>
								adipiscing elit. Nunc <a class="gray" href="#">ornare</a>
								consequat tortor quis
							</p>
							<div class="button-big">
								<a class="button-big" href="#">Learn More</a>
							</div>
						</div>
						<div class="image">
							<a href="#"><img src="css/images/slider2.jpg"
								alt="slide image" /></a>
						</div>
						<div class="cl">&nbsp;</div>
					</li>

					<li>
						<div class="info">
							<h2>Smart Moves</h2>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc <strong>ornare</strong>
								consequat tortor quis. Lorem ipsum dolor sit amet, consectetur
								adipiscing elit. Consectetur <a href="#">adipiscing</a> elit.
								Nunc <a class="gray" href="#">ornare</a> consequat tortor quis
							</p>
							<p>
								sit amet, <strong>consectetur</strong> adipiscing elit. <strong>Consectetur</strong>
								adipiscing elit. Nunc <a class="gray" href="#">ornare</a>
								consequat tortor quis
							</p>
							<div class="button-big">
								<a class="button-big" href="#">Learn More</a>
							</div>
						</div>
						<div class="image">
							<a href="#"><img src="css/images/slider3.jpg"
								alt="slide image" /></a>
						</div>
						<div class="cl">&nbsp;</div>
					</li>



				</ul>
			</div>
			<!-- end Slider-carousel -->
		</div>
		<!-- end Shell -->
	</div>
	<!-- end Featured -->

	<!-- Main -->
	<div id="main">
		<!-- Shell -->
		<div class="shell">

			<!-- Main-Boxes -->
			<div id="main-boxes">

				<!-- Box -->
				<div class="box">
					<span class="left-arrow">&nbsp;</span>
					<h3>About Us</h3>
					<div class="box-content">
						<p>
							<strong>Lorem ipsum</strong> dolor sit amet, consectetur
							adipiscing elit. Nunc <a href="#">ornare</a> consequat tortor
							quis. Lorema ipsum dolor sit amet, con- sectetur adipiscing elit.
						</p>
						<p>
							<a class="gray" href="#">Lorem</a> ipsum dolor sit amet,
							consectetur adipiscing elit. Ornare consequat tortor quis. dorem
							lectus.
						</p>
					</div>
					<a class="button-small" href="#">Learn more</a>
				</div>
				<!-- end Box -->

				<!-- Box -->
				<div class="box">
					<span class="left-arrow">&nbsp;</span>
					<h3>Quick Links</h3>
					<div class="box-content">
						<ul class="link-list">
							<li><a href="cargar_usuarios_agregar_rol.html">Mantenimiento de Usuarios</a></li>
							<li><a href="agregar_producto.html">Mantenimiento de Productos</a></li>
							<li><a href="roles_mantener.html">Mantenimiento de Roles</a></li>
							<li><a href="categoria_listado.html">Mantenimiento de Categorías</a></li>
							<!-- <li><a href="#">Curabitur vestibulum tortor sed</a></li> -->
							<!-- <li><a href="#">Praesent mollis nisi a mies</a></li> -->
						</ul>
					</div>
				</div>
				<!-- end Box -->

				<!-- Box -->
				
				<!-- end Box -->
				<div class="cl">&nbsp;</div>

			</div>
			<!-- end Main-boxes -->

			<!-- Content-->
			<div id="content">

				<!-- Box -->
				<div class="box">
					<h4>Fresh Solutions</h4>
					<div class="box-content">
						<img src="css/images/comp.gif" alt="icon" />
						<p>
							<strong>Etiam non laoreet ante</strong>. Nunc commodo urna non
							eros sollicitudin ac tristique magna lacinia. Aenean non lectus
							metus. Praesent id sem neque, quis dictum mauris. Sed ut tellus
							nisi. <a href="#">Pellentesque</a> eu ante eget nulla venenatis
							fermentum ac et neque. Praesent non justo sit amet nulla
							scelerisque dapibus. Praesent venenatis, odio at blandit
							ultrices, quam libero imperdiet sem.
						</p>
						<p>
							Ut accumsan urna quis felis dictum sagittis. Pellentesque blandit
							<a href="#">semper</a> tortor sed convallis. Curabitur imperdiet
							aliquam tellus, sit amet sagittis enim gravida rhoncus. Nam purus
							felis, viverra et porttitor ac, commodo at ante. <strong>Phasellus</strong>
							vehicula, massa ac posuere ultrices, nisl turpis eleifend urna.
						</p>
						<p class="anchor">
							<a class="button-small" href="#">Learn more</a>
						</p>
					</div>

				</div>
				<!-- end Box -->

			</div>
			<!-- end Content-->

			<!-- Sidebar -->
			<div id="sidebar">
				<h4>Testimonials</h4>
				<div class="quote">
					<p>
						<strong>Lorem</strong> ipsum dolor sit amet, consectetur
						adtipiscing elit. Nunc ornare consequat tortor quis. Lorem ipsum <strong>dolor</strong>
						sit amet, consectetur adipiscing elit.
					</p>
				</div>
				<p class="author">
					George Doe <span>Producer</span>
				</p>
			</div>
			<!-- end Sidebar -->
			<div class="cl">&nbsp;</div>
		</div>
		<!-- Shell -->
	</div>
	<!-- end Main -->

	<!-- Footer -->
	<div id="footer">
		<!-- Shell -->
		<div class="shell">

			<p class="right">Copyright 2012 | Diseñado por Java CLub</p>
		</div>
		<!-- end Shell -->
	</div>
	<!-- end Footer -->
	<script type="text/javascript">
		pageLoaded();
	</script>
</body>
</html>
